import { message } from 'antd'
import axios from 'axios'
import history from './history'
import { getToken, removeToken } from './storage'

// 请求基地址
export const baseURL = 'http://geek.itheima.net'

const instance = axios.create({
  baseURL: baseURL,
  timeout: 5000,
})

// 请求拦截器
instance.interceptors.request.use(
  function (config) {
    // 如果有 token 就携带到请求头上
    const token = getToken()
    if (token) {
      // 💥 注意 Bearer 后面有个空格
      config.headers.Authorization = `Bearer ${token}`
    }
    return config
  },
  function (error) {
    return Promise.reject(error)
  },
)

// 响应拦截器
instance.interceptors.response.use(
  function (response) {
    return response.data
  },
  function (error) {
    // console.dir(error)
    // 💥 如果没有网络：error.response 返回值是 undefined
    if (error.response && error.response.status === 401) {
      // 情况1：后端返回 401 用户认证失败
      // 1. 清除本地无效 token 信息
      removeToken()
      // 2. 跳转到登录页
      // window.location.href = '/login'
      history.push('/login')
      // 3. 提示用户
      message.warn(error.response.data.message, 1)
    }
    return Promise.reject(error)
  },
)

export default instance
